<template>
  <div class="d-flex justify-content-center">
    <div class="header-container">
      <div class="d-flex align-items-center mt-4 font-weight">
        <h2>
          <img src="/nd/img/logo_03.jpg" class="header-logo" :alt="platformName" />
          {{ platformName }}
        </h2>
      </div>
    </div>
  </div>
</template>

<script>
import { PLATFORM_NAME } from '@/nd/plugins/constant'
export default {
  components: {},
  props: {},
  data() {
    return {
      platformName: PLATFORM_NAME,
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="scss" scoped>
.header-logo {
  width: 3rem;
  height: 3rem;
}
.header-brand {
  color: black;
  font-size: 1.75rem;
  font-weight: bold;
  margin: 0 2rem 0 1rem;
  text-shadow: 1px 2px 2px rgba(128, 128, 128, 0.2);
}
</style>
